<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>分享商品统计列表</title> <%@ include file="/page/include.jsp"%>
<link type="text/css" rel="stylesheet" href="<%=basePath%>/statics/plugins/bootstrap-switch/bootstrap-switch.min.css" />
<link href="<%=basePath%>/statics/css/webform.css" rel="stylesheet" />
<script src="<%=basePath%>/statics/js/bootstrap-filestyle.min.js" type="text/javascript"></script>
<script type="text/javascript">
var SystemImgPath = '<%=PublicConfig.IMG_ROOT_URL%>';
</script>
</head>
<body class="nav-md">
	<div class="container body">
		<div class="main_container">
			<div class="framebody" role="main">
				<input type="hidden" id="opt_status" />
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="x_panel">
							<div class="x_title">
								<h2>
									<i class="fa fa-pencil fa-fw"></i>查询条件 <small></small>
								</h2> 
								<div class="clearfix"></div>
							</div>
							<div class="x_content">
								<form id="shareProductDetailForm" action="<%=basePath%>/share/listDetailPage" method="post" class="form-horizontal form-label-left">
									<input type="hidden" id="productId" name="productId" value="${staticEntity.productId }"/>
									<input type="hidden" id="startTime" name="startTime" value="${startTime }"/>
									<input type="hidden" id="endTime" name="endTime" value="${endTime }"/>
									<div class="form-group">
										<label class="control-label col-md-1" for="orderTime">时间 :
										</label>
										<div class="col-md-3">
											<input type="text" id="partTime" name="partTime" class="form-control" readonly="readonly"/>
										</div>
										<div class="col-md-12">
											<div class="pull-right">
												<a class="btn btn-primary search" id="btnQuery"><i class="fa fa-search-plus fa-fw"></i>查询</a>
											</div>
										</div>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="x_panel">
							<div class="x_title">
								<h2>
									<i class="fa fa-reorder fa-fw"></i>${staticEntity.productName } <small></small>
								</h2>
								<div id="diffDays" style="float:right;margin-top:2px;">${diffDays }天</div>
								<div class="clearfix"></div>
							</div>
							<div class="x_content">
							<style>
								.box1{width:150px;border:1px solid #e5e5e5;margin:auto;padding:5px 0 15px 0}
								.box1 h1{border-bottom:1px solid #e5e5e5;font-weight:400;font-size:14px;padding-bottom:15px}
								.box1 span{display:block;font-size:18px;margin-top:15px}
								.box1 em{font-size:18px;font-style:normal}
							</style>
							<div style="width:20%;float:left;text-align:center">
								<div class="box1"><h1>销售额：</h1><div style="margin-top:15px;display:block">￥<em id="salesMoney">${dalyStatics.shareTotalMoney }</em></div></div></div>
								<div style="width:20%;float:left;text-align:center"><div class="box1"><h1>销售数量：</h1><span id="salesNum">${dalyStatics.shareOrderNum }</span></div></div>
								<div style="width:20%;float:left;text-align:center"><div class="box1"><h1>分享数：</h1><span id="shareNum">${dalyStatics.shareQuantity }</span></div></div>
								<div style="width:20%;float:left;text-align:center"><div class="box1"><h1>PV：</h1><span id="pvNum">${dalyStatics.pvViewQuantity }</span></div></div>
								<div style="width:20%;float:left;text-align:center"><div class="box1"><h1>注册用户：</h1><span id="registerNum">${dalyStatics.registerQuantity }</span></div></div>
							</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="site_wrap12">
					<div class="site_wrap12_con">
						<div class="hd" >
							<div class="title">
								<i></i><span>趋势图</span>
							</div>
							<div class="dd_nav">
							</div>
						</div>
						<div class="bd" >
							<div id="shareProductLineChart" style="width: 100%;height: 400px;"></div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="x_panel">
							<div class="x_title">
								<h2 id="title">
									<i class="fa fa-reorder fa-fw"></i>${startTime }至 ${endTime }明细数据<small></small>
								</h2>
								<div class="clearfix"></div>
							</div>
							
							<div class="x_content">
								<div class="row">
									<table id="shareProductTable" class="table"></table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="${rootPath }/statics/plugins/bootstrap-daterangepicker/moment.min.js"></script>
	<script type="text/javascript" src="${rootPath }/statics/plugins/bootstrap-daterangepicker/daterangepicker.js"></script>
	<script type="text/javascript" src="${rootPath }/statics/plugins/echarts/echarts.min.js"></script>
	<script src="${rootPath}/js/share/share_product_detail.js"></script>
</body>
</html>